<template>
  <div>
    <div style="height: calc(100vh - 90px); margin-top: 1vh">
      <el-scrollbar max-height="100vh">
        <div>
          <DoctorHeader ref="headerPane" />
        </div>
        <div class="card-padding">
          <DoctorProjects ref="projectsPane" />
        </div>
      </el-scrollbar>
    </div>
  </div>
</template>

<script setup lang="ts">
import DoctorProjects from "@/views/dashboard/doctor/doctor-projects.vue";
import DoctorHeader from "@/views/dashboard/doctor/doctor-header.vue";

const projectsPane = ref<any>();
const headerPane = ref<any>();

onMounted(() => {
  // projectsPane.value.queryProjectQueue();
});
</script>

<style scoped lang="scss">
.card-padding {
  padding: 1vh;
}
</style>
